<template>
    <ColumnList :list="list" />
</template>

<script lang="ts">
import { computed, defineComponent, onMounted } from "vue";
import ColumnList from "@/components/ColumnList.vue";
import { useStore } from "vuex";
import { GlobalDataProps } from "@/store";
export default defineComponent({
    components: {
        ColumnList,
    },
    setup() {
        const store = useStore<GlobalDataProps>();
        onMounted(()=>{
            store.dispatch("fetchColumns")
        })
        const list = computed(() => store.state.columns);
        return {
            list,
        };
    },
});
</script>

<style scoped></style>
